<template>
  <div class="hello">
    <p style="text-align: center;line-height: 40px;">{{msg}}</p>
    <div style="text-align: center;">
      <i-button>Default</i-button>
    </div>
    
    
   
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: '你好!我是你的第一个自定义组件,我的名字叫HelloWorld!'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  
  div.hello-demo{
      border:1px solid red;
  }
</style>
